<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
	================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIDEO HTML5, CSS3, responsive, Bootstrap 3 website
	template</title>
<link href="custom/css/login.css" rel="stylesheet">


</head>
<body class="header1 activateAppearAnimation">
	<!-- Primary Page Layout 
	===============================s=================== -->
	<!-- globalWrapper -->
	<div id="globalWrapper">
		<jsp:include page="core/template/HEADER_LOGIN.jsp"></jsp:include>
		<header class="page-header">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<h1>Assign Job</h1>
					</div>

				</div>
			</div>
		</header>
		<!-- Content -->
		<section id="content"
			style="background: url('core/images/feature.png') repeat;">
			<div class="container">
				<div class="row mt15">
					<div class="col-md-12 pb15 mt15">
						<h2>ค้นหาฟรีแลนซ์ที่ต้องการ</h2>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<div class="boxFocus color1">
							<div class="row mb05">
								<div class="col-md-6">
									<input type="text" class=" form-control "
										placeholder="ระบุฟรีแลนซ์ที่ต้องการค้นหา">
								</div>
								<div class="col-md-2">
									<b>จังหวัด :</b>
								</div>
								<div class="col-md-4">
									<select class="form-control ">
										<option>--- เลือก ---</option>
										<option>เชียงใหม่</option>
										<option>เชียงราย</option>
										<option>แพร่</option>
										<option>น่าน</option>
										<option>ลำปาง</option>
									</select>
								</div>

							</div>
							<div class="row">
								<div class="col-md-2">
									<b>ทักษะที่เกี่ยวข้อง</b>
								</div>
								<div class="col-md-4">
									<select class="form-control ">
										<option>--- เลือก ---</option>
										<option>เชียงใหม่</option>
										<option>เชียงราย</option>
										<option>แพร่</option>
										<option>น่าน</option>
										<option>ลำปาง</option>
										<option>เชียงใหม่</option>
										<option>เชียงราย</option>
										<option>แพร่</option>
										<option>น่าน</option>
										<option>ลำปาง</option>
									</select>
								</div>
								<div class="col-md-2 ">
									<b>ระดับความน่าเชื่อถือ :</b>
								</div>
								<div class="col-md-4">
									<select class="form-control ">
										<option>--- เลือก ---</option>
										<option>เชียงใหม่</option>
										<option>เชียงราย</option>
										<option>แพร่</option>
										<option>น่าน</option>
										<option>ลำปาง</option>
									</select>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<a href="listFreelancePage.jsp">
										<button type="button"
											class="col-md-12 col-xs-12 col-sm-12 btn btn-info mt15">
											<div>
												<i class="icon-search"></i><span class="font3">
													ค้นหางาน</span>
											</div>
										</button>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row mb15 mt30">
					<div class="col-md-12 ">
						<h2>ฟรีแลนซ์ยอดนิยม/ฟรีแลนซ์แนะนำ</h2>
					</div>
				</div>








				<div class="row mb15">
					<div class="col-md-12 ">
						<div class="color0 ctaBox">
							<div class="row">
								<div class="col-md-12">
									<ul class="nav nav-tabs" id="myTab">
										<li class="active"><a href="#freelanceHotHit"
											data-toggle="tab">ฟรีแลนซ์ยอดนิยม <span class="badge">42</span>
										</a></li>
										<li class=""><a href="#freelanceIntro" data-toggle="tab">ฟรีแลนซ์แนะนำ
												<span class="badge">42</span>
										</a></li>
									</ul>
									<div class="tab-content">
										<!-- tab 1 -->
										<div class="tab-pane active fade in" id="freelanceHotHit">
										<div class="row">
												<div class="col-md-3">
													<div class="row">
														<div class="col-md-12">
															<ul class="nav nav-pills nav-stacked">
																<li class="borderli"><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_imac.png" alt=""
																		style="width: 20px; float: left">&nbsp;งานไอที /
																		ซอฟต์แวร์ <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli  active"><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_palette.png"
																		alt="" style="width: 20px; float: left">&nbsp;การออกแบบ
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_book.png" alt=""
																		style="width: 20px; float: left">&nbsp;การแปลภาษา
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_pencil.png"
																		alt="" style="width: 20px; float: left">&nbsp;งานเขียน
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_sketchbook.png"
																		alt="" style="width: 20px; float: left">&nbsp;โปรเจ็ก
																		/ วิจัย <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_camera.png"
																		alt="" style="width: 20px; float: left">&nbsp;ภาพถ่าย
																		/ กราฟฟิก <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_user5.png"
																		alt="" style="width: 20px; float: left">&nbsp;งานคีย์ข้อมูล
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_tree-money.png"
																		alt="" style="width: 20px; float: left">&nbsp;บริหาร
																		/ บัญชี <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_shopping-bag-full.png"
																		alt="" style="width: 20px; float: left">&nbsp;งานบริการ
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_molecular.png"
																		alt="" style="width: 20px; float: left">&nbsp;วิศวกรรม
																		/ วิทยาศาสตร์ <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_user8.png"
																		alt="" style="width: 20px; float: left">&nbsp;สอนพิเศษ
																		<span class="badge">42 งาน</span>
																</a></li>
															</ul>
														</div>
													</div>
												</div>
												<div class="col-md-9">
													<div class="tab-content">
														<div class="tab-pane fade active in" id="newsTab">
															<div class="row">
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
															</div>
															<div class="row textCenter mt15">
																<div class="col-md-12">
																	<ul class="pagination">
																		<li class="disabled"><a href="#">«</a></li>
																		<li class="active"><a href="#">1 <span
																				class="sr-only">(current)</span></a></li>
																		<li><a href="#">2</a></li>
																		<li><a href="#">3</a></li>
																		<li><a href="#">4</a></li>
																		<li><a href="#">5</a></li>
																		<li><a href="#">6</a></li>
																		<li><a href="#">7</a></li>
																		<li><a href="#">8</a></li>
																		<li><a href="#">9</a></li>
																		<li><a href="#">»</a></li>
																	</ul>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
										<!-- tab 2 -->
										<div class="tab-pane fade" id="freelanceIntro">
											<div class="row">
												<div class="col-md-3">
													<div class="row">
														<div class="col-md-12">
															<ul class="nav nav-pills nav-stacked">
																<li class="borderli"><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_imac.png" alt=""
																		style="width: 20px; float: left">&nbsp;งานไอที /
																		ซอฟต์แวร์ <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli  active"><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_palette.png"
																		alt="" style="width: 20px; float: left">&nbsp;การออกแบบ
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_book.png" alt=""
																		style="width: 20px; float: left">&nbsp;การแปลภาษา
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_pencil.png"
																		alt="" style="width: 20px; float: left">&nbsp;งานเขียน
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_sketchbook.png"
																		alt="" style="width: 20px; float: left">&nbsp;โปรเจ็ก
																		/ วิจัย <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_camera.png"
																		alt="" style="width: 20px; float: left">&nbsp;ภาพถ่าย
																		/ กราฟฟิก <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_user5.png"
																		alt="" style="width: 20px; float: left">&nbsp;งานคีย์ข้อมูล
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_tree-money.png"
																		alt="" style="width: 20px; float: left">&nbsp;บริหาร
																		/ บัญชี <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_shopping-bag-full.png"
																		alt="" style="width: 20px; float: left">&nbsp;งานบริการ
																		<span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_molecular.png"
																		alt="" style="width: 20px; float: left">&nbsp;วิศวกรรม
																		/ วิทยาศาสตร์ <span class="badge">42 งาน</span>
																</a></li>
																<li class="borderli "><a href="#newsTab"
																	data-toggle="tab"> <img
																		class="img-circle img-responsive"
																		src="custom/images/icon/Flatistic/256_user8.png"
																		alt="" style="width: 20px; float: left">&nbsp;สอนพิเศษ
																		<span class="badge">42 งาน</span>
																</a></li>
															</ul>
														</div>
													</div>
												</div>
												<div class="col-md-9">
													<div class="tab-content">
														<div class="tab-pane fade active in" id="newsTab">
															<div class="row">
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
																<div class="col-md-6 mb05">
																	<div class="media">
																		<a class="pull-left" href="#"> <img
																			class="media-object img-thumbnail"
																			data-src="holder.js/64x64" alt="64x64"
																			src=""
																			style="width: 64px; height: 64px;">
																		</a>
																		<div class="media-body">
																			<h4 class="media-heading">
																				<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
																					class="textColorYelow"> <i class="icon-star"></i>
																						<i class="icon-star"></i> <i class="icon-star"></i>
																						<i class="icon-star-half-alt"></i> <i
																						class="icon-star-empty"></i>
																				</span></small>
																				<ul class="entry-meta">
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง
																							300 งาน</a></li>
																					<li class="entry-comments font7 mb05"><a
																						href="#"><i class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
																							40 งาน</a></li>
																				</ul>

																				<span class="tags">html5</span> <span class="tags">JSP</span>
																				<span class="tags">JAVA</span> <span class="tags">Spring</span>
																				<span class="tags">PHP</span>
																			</h4>
																		</div>
																	</div>
																</div>
															</div>
															<div class="row textCenter mt15">
																<div class="col-md-12">
																	<ul class="pagination">
																		<li class="disabled"><a href="#">«</a></li>
																		<li class="active"><a href="#">1 <span
																				class="sr-only">(current)</span></a></li>
																		<li><a href="#">2</a></li>
																		<li><a href="#">3</a></li>
																		<li><a href="#">4</a></li>
																		<li><a href="#">5</a></li>
																		<li><a href="#">6</a></li>
																		<li><a href="#">7</a></li>
																		<li><a href="#">8</a></li>
																		<li><a href="#">9</a></li>
																		<li><a href="#">»</a></li>
																	</ul>
																</div>
															</div>
														</div>
													</div>

												</div>
											</div>
										</div>
									</div>
								</div>
							</div>




						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Content -->

		<jsp:include page="core/template/FOOTER.jsp" />
		<script type="text/javascript" src="custom/js/PostJobPage.js"></script>

		<!-- ======================================= content ======================================= -->

	</div>
	<!-- global wrapper -->
	<!-- End Document 
	================================================== -->
</body>
</html>
